<script setup>
  import { defineProps } from 'vue';

  defineProps({
    loading: {
      type: Boolean,
      default: true,
    },
    rows: {
      type: Number,
      default: 6,
    },
  });
</script>

<template>
  <div class="skeleton">
    <ga-skeleton :loading="loading" :animation="true">
      <ga-skeleton-line :rows="rows" :widths="['33%']" />
    </ga-skeleton>
    <slot v-if="!loading"></slot>
  </div>
</template>

<style scoped lang="scss"></style>
